﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <title></title>
    <link type="text/css" rel="stylesheet" media="all" href="../styles/global.css"/>
    <link type="text/css" rel="stylesheet" media="all" href="../styles/global_color.css"/>
    <link rel="stylesheet" type="text/css" href="../styles/verify.css">
</head>
<body class="index">

<div class="login_box">
    <form action="" method="post">
        <table>
            <tr>
                <td class="login_info">账号：</td>
                <td colspan="2"><input id="username" name="username" type="text" class="width150"/></td>
                <td class="login_error_info"><span class="required">30长度的字母、数字和下划线</span></td>
            </tr>
            <tr>
                <td class="login_info">密码：</td>
                <td colspan="2"><input id="password" name="password" type="password" class="width150"/></td>
                <td><span class="required">30长度的字母、数字和下划线</span></td>
            </tr>
            <tr>
                <td class="login_info">验证码：</td>
                <td colspan="2">
                    <div id="mpanel2">

                    </div>
                </td>
                <td><span class="required">验证码错误</span></td>
            </tr>
            <tr>
                <td></td>
                <td class="login_button" colspan="2">
                    <!--<button type="submit" id="login"><img src="images/login_btn.png"/></button>-->
                    <a href="#" id="check-btn" class="verify-btn"><img src="../images/login_btn.png"/></a>

                </td>
                <td><span class="required">用户名或密码错误，请重试</span></td>
            </tr>
        </table>
    </form>
</div>
</body>
<script src="/js/jquery-3.2.1.js"></script>
<script src="../js/jquery.min.js"></script>
<script type="text/javascript" src="../js/verify.js"></script>
<script>


    $('#mpanel2').codeVerify({
        type: 1,
        width: '153px',
        height: '25px',
        fontSize: '15px',
        codeLength: 4,
        btnId: 'check-btn',
        ready: function () {
        },
        success: function () {
              alert('验证匹配！');
            $.ajax({
                url:"/loginsubmit",
                data:{"username":$("#username").val(),"password":$("#password").val()},
                method:"post",
                success:function (data) {
                    alert("请求成功");
                    window.location.href = "/login"
                }
            })
        },
        error: function () {
            alert('验证码不匹配！');
        }
    });
//    $.(".verify-change-code").text("");


</script>


</html>